// VUEX 组件页面 状态数据的共享
// 提供一个集中的管理数据方法


//1. npm install vuex 安装
//2 导入vue和vuex
import Vuex from "vuex";
import Vue  from "vue";
import router from "../router";
//3 使用vuex
Vue.use(Vuex);
//4 导出并实例化 vuex
export default new Vuex.Store({
    // 存放数据
    state:{goodlist:[]},
    // 方法集合
    mutations:{
        // 初始化数据
        initGoodList(state,data){
            state.goodlist=data;
        },
        // 加入购物车，在产品页面里面
        addGoodlist(state,data){
            state.goodlist.push(data);
        }
    }
})
// 5在main.js 导入并注入
// import store from '@/store/index.js'
/*
new Vue({
    el: '#app',
    store,
})*/